<!DOCTYPE html>
<html>
  <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
  <meta NAME="viewport" CONTENT="width=device-width, initial-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <head>
    <title>demo</title>
    <style>
    body{
      margin: 0;
      padding: 0;
    }
    </style>
    <script src="../build/ika.js" type="text/javascript" charset="utf-8"></script>
  </head>
  <body>
  <script>
  var scene = ika.easySetup();

	var WIDTH = 320;
	var HEIGHT = 480;

	var scrollview = new ika.Scrollbase().init().attr("height", HEIGHT).attr("width", WIDTH);
	scrollview.showXScroller = false;
	scrollview.allowXScroll = false;
	var img = new ika.Picture().init().attr({
		width: WIDTH,
		height: 200,
		src: "./res.jpg"
	});
	scrollview.add(img);

	function modifyImage(y) {
		img.attr("y", -y - 1);
		img.attr("height", 200 + y);
	}

	scrollview.on("ease-animation-step", function() {
		modifyImage(scrollview.offsetY);
	});
	scrollview.on("mousedrag", function() {
		var y = scrollview.offsetY;
		if (y > 0) {
			modifyImage(y);
		} else if (img.attr("y") !== 0) {
			img.attr("y", 0);
		}
	});
	scrollview.on("mousewheel", function() {
		var y = scrollview.offsetY;
		if (y > 0) {
			modifyImage(y);
		} else if (img.attr("y") !== 0) {
			img.attr("y", 0);
		}
	});
	var textarea = new ika.Textarea().init().attr({
		"width": WIDTH,
		"y": 200
	});
	textarea.value = "萨摩耶犬以西伯利亚牧民族萨摩人而命名，一向被用来拉雪橇和看守驯鹿的动物。萨摩耶犬以具有忍耐力与健壮的体格而闻名。欧洲探险家使用此犬从事南北极探险工作。此犬毛色很多，一般有黑色，黑白色，黑与黄褐色，最终以白色被毛品种占优势。\n许多年来，关于萨摩耶德犬的历史和传说如这种犬一样引人入胜。故事开始于伊朗高原，人类最早的居住地，强大的部落将弱小的部落（连同他们的家庭、牲畜和犬）都赶到很远的地方，以保证自己有充足的食物。被赶走的部落一直向北走，穿过中国（世界文化中心之一），来到白海和叶塞尼河之间的广阔冻土带。他们发现在冰雪的天然屏障后很安全。这些人就是萨摩耶人，塞亚特斯的最早居民。萨摩耶人被认为是纯种蒙古人和芬兰人的过渡民族。在这里，他们一直过着游牧生活，放牧驯鹿。萨摩耶人饲养犬帮助他们放牧驯鹿，也让犬和他们做伴。\n身高\n公犬53.3－59.7 厘米，母犬48.3－53.3 厘米。身高在标准范围之外均为缺点。\n头部\n颅、吻部与体形及头骨大小成比例。吻部必须有一定的厚度。胡须不能剪去。耳朵结实而厚；直立；三角形且尖端略圆。耳朵的大小是根据头部的尺寸和整体大小确定。不能太大或太尖，也不能太小(像熊耳朵)。它们之间距离分的比较开，靠近头部外缘，它们应该显得灵活；被许多毛发覆盖着，毛发丰满。耳的活动性好，耳内长着毛，耳前的毛多而直立。耳朵的长度应该与耳根内侧到外眼角的距离一致。眼睛颜色深一些比较好，位置分的较开，且深；杏仁状；下眼睑指向耳根。深色眼圈比较理想。圆眼睛或突出的眼睛属于缺陷；蓝眼睛属于失格。鼻镜为黑色最理想，但棕色、肝色、炭灰色也可以接受。有时，鼻镜的颜色会随着年龄、气候的变化而改变。牙齿结实、整齐、强壮、剪状咬合。上下颌不可过分突出。嘴唇黑色为佳，嘴角上翘，像在微笑。嘴角处的嘴唇不能下垂。\n现代很多家庭都喜欢饲养萨摩耶犬，原因就在于这种犬很能够维护邻里之间的关系。萨摩耶犬虽然有很好的体格却从来不轻易招惹“别人”，包括：其它的宠物和人群。在遇到其它“人”的时候总是文文静静的待着，只要对方不招惹它，它就绝对不挑衅。\n对于人类，也很少像其它亲近人类的犬种那样，把爪子动不动就搭在人的身上。据猜测，那是因为在冰天雪地里，人类并不喜欢饲养的狗狗动不动就立起来表示亲热，所以在长期的饲养中萨摩耶犬慢慢地变得文静起来。当然这仅仅是一种圈内部分人的猜测，最主要仍旧是它们的天性所致。萨摩耶犬虽然有着旺盛的精力，但从来不喜欢有事没事就大喊大叫，所以即使在都市的家庭里面，它们也不会因为抗议寂寞无聊而吠个不停打扰邻居休息。不过它们很可能会因为好奇或者无聊而在家里来个翻天覆地。但与不断的叫嚷相比，主人当然宁愿回家之后收拾自己的东西而不是提着果篮到对门道歉。\n聪明、文雅、忠诚、适应性强、警惕、活跃、热衷于服务，友善但保守。萨摩耶犬是跑走型动物。\n躯体\n颈部结实，萨摩耶犬肌肉发达，骄傲地昂起，立正时，在倾斜的肩上支撑着高贵的头部。颈部与肩结合，形成优美的拱形。胸部胸深，肋骨从脊柱向外扩张，到两侧变平，不影响肩部动作且前肢萨摩耶犬能自由运动。不能是桶状胸。理想的深度应该达到肘部，最深的部分应该在前肢后方，约第九条肋骨的位置。足够深的胸能使胸腔内的心脏和肺得到身体的保护，胸的深度大于宽度。腰和背马肩隆为背部最高点，腰部结实而略拱。后背从（马肩隆到腰）直，中等长度。其身体的比例为“接近正方形”，即长度比高度约多出5%。雌性可能比雄性更长一些。腹部肌肉紧绷，形状良好，与后胸连成优美的曲线（收腹）。臀部略斜，丰满，必须延伸到非常轻微的尾根。尾巴长度适中，如果尾巴下垂，尾骨的长度应该能延伸到飞节。尾巴上覆盖着长长的毛发，警惕时会卷到后背上，或卷向一侧，当其休息时，有萨摩耶犬时尾巴会放下。尾根不可过高或过低，尾活动灵活。有两个卷曲的尾是缺陷。尾上翘高于背部的情况在比赛时只可出现一次。\n两前肢平行，直，前脚强壮。因为胸部比较深，所以前肢较长。从地面到肘的高度约是从地面到肩胛上缘高度的55%。 四肢过短的犬不符和标准。肩部应长而倾斜约43°角，肩部强壮。两肩脚上缘的距离约为2.5－3.8 厘米（1－1.5 英寸）。大腿发达，膝关节约与地面成45度角，跗关节在肩高的下1/3处。从后面看，犬在自然站立时，双后肢平行。直的或牛样的膝关节不符合标准。只有在犬充分运动时才能判定膝关节是不是牛样的。四肢过短的犬不符和标准。肩部强壮。两肩胛上缘的距离约为2.5～3.8厘米(1-1.5英寸)。脚大，长，比较平，似野兔的足，趾稍分开；趾尖呈拱形，肉垫厚而硬，趾之间有保护性的毛。在自然站立状态下，脚既不外展也不内翻，要垂直，但在拉车时，脚可稍内翻。脚外展，鸽子样的足尖，脚圆形或似猫足；趾过分分开均是缺点。脚上的毛不是必需的，母犬比公犬多。";
	scrollview.add(textarea);
	scene.add(scrollview);


	var slider = new ika.Slider().init();
	slider.attr({
		min: 0,
		max: 100
	});

	slider.on("change", function(value) {
		var v = - Math.PI * 2 * value / 180;
		scrollview._transform.rotate3(v, scrollview.width);
	});

	scene.add(slider);

	var button = new ika.Button().init();
	button.attr("value", "play");
	scene.add(button);

	button.on("click", function() {
		scene.enableFinger = true;
		this.disabled = true;
		var monkey = new ika.Monkey(scene);
		var _x = scene.width / 2;
		var _y = scene.height / 2;
		monkey.swipe(_x, _y - 100, _x, _y + 100);
		monkey.swipe(_x, _y + 100, _x, _y - 100, 500, 1000);
		monkey.on("stop", function() {
			button.disabled = false;
			scene.enableFinger = false;
		});
		monkey.run();
	});

	function resize() {
  	ika.utils.centralize(scene, scrollview);
    ika.utils.centralize(scene, slider);
    ika.utils.centralize(scene, button);
    slider.y = scrollview.y + scrollview.height + 20;
    button.y = slider.y + slider.height + 40;
		scene.render();
  }

  resize();

  window.onresize = resize;

  </script>
  </body>
</html>
